<template>
  <div class="lix-container">
    <div class="lix-log__wrapper">
      <div class="lix-log__list" v-for="i in 50" :key="i">
        <div class="lix-log__item">
          <div class="left">
            <div>参与竞猜1080期</div>
            <div class="time">2018-10-18 18:21:50</div>
          </div>
          <div class="right">+10</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    type: 'experience'
  }
}
</script>

<style lang="scss">
@import "../../theme-chalk/mixins/mixins.scss";
@import "../../theme-chalk/common/var.scss";
@import "../../theme-chalk/_main.scss";

@include b(log) {
  @include e(wrapper) {

  }

  @include e(list) {
    display: flex;
    flex-direction: column;
  }

  @include e(item) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    margin: 0 12px 0 15px;
    border-bottom: 1px solid #cccacd;

    & .left {
      font-size: 17px;
      color: #544e58;
    }
    & .time {
      padding-top: 10px;
      font-size: 12px;
      color: #98959b;
    }
    & .right {
      font-size: 15px;
      color: #544e58;
    }
  }
}
</style>
